/*

This file contains tests for Media Queries: Range Syntax
Syntax improvements to make media queries using features that have a "range" type (like width or height) less verbose. Can be used with ordinary mathematical comparison operators: `>`, `<`, `>=`, or `<=`.

For example: `@media (100px <= width <= 1900px)` is the equivalent of `@media (min-width: 100px) and (max-width: 1900px`)`

See: https://caniuse.com/css-media-range-syntax

*/

/*
expect:
css-media-range-syntax: 4
*/

@media (100px <= width <= 1900px) {
  .test {
    color: red;
  }
}

@media (100px <= width < 1900px) {
  .test {
    color: red;
  }
}

@media (100px < width <= 1900px) {
  .test {
    color: red;
  }
}

@media (100px < width) {
  .test {
    color: red;
  }
}
